<template>
	<view class="page">
		<view class="form-title">
			地区信息
		</view>
		<view class="form">
			<view class="form-item">
				<view class="label">
					<text>*</text>姓名
				</view>
				<view class="value">
					<input placeholder="请输入"/>
				</view>
			</view>
			<view class="form-item">
				<view class="label">
					<text>*</text>电话
				</view>
				<view class="value">
					<input placeholder="请输入"/>
				</view>
			</view>
			<view class="form-item">
				<view class="label">
					<text>*</text>性别
				</view>
				<view class="value">
					<view class="form-picker">
						请选择
						<u-icon name="arrow-right" size="25rpx" color="#999999"></u-icon>
					</view>
				</view>
			</view>
			<view class="form-item">
				<view class="label">
					出生年份
				</view>
				<view class="value">
					<view class="form-picker">
						请选择
						<u-icon name="arrow-right" size="25rpx" color="#999999"></u-icon>
					</view>
				</view>
			</view>
			<view class="form-item">
				<view class="label">
					身份证号
				</view>
				<view class="value">
					<view class="form-picker">
						拍照识别
						<u-icon name="arrow-right" size="25rpx" color="#999999"></u-icon>
					</view>
				</view>
			</view>
			<view class="form-item">
				<view class="label">
					合作状态
				</view>
				<view class="value">
					<view class="form-picker">
						储备
						<u-icon name="arrow-right" size="25rpx" color="#999999"></u-icon>
					</view>
				</view>
			</view>
			<view class="form-item">
				<view class="label">
					<text>*</text>更多信息
				</view>
				<view class="value">
					<view class="form-picker">
						请选择
						<u-icon name="arrow-right" size="25rpx" color="#999999"></u-icon>
					</view>
				</view>
			</view>
		</view>
		
		<view class="form-title">
			家居建材行业创业经历
			<view class="form-title-btn-bar">
				<view class="form-title-btn">
					<u-icon name="/static/area/edit-icon.png" size="36rpx"></u-icon>
					编辑
				</view>
				<view class="form-title-btn">
					<u-icon name="/static/area/add-icon.png" size="36rpx"></u-icon>
					添加
				</view>
			</view>
		</view>
		<view class="form-table">
			<view class="form-tabel-container">
				<view class="form-table-header">
					<view class="form-table-col" style="flex: 0 0 167rpx;">
						编辑
					</view>
					<view class="form-table-col" style="flex: 0 0 176rpx;">
						经营品类
					</view>
					<view class="form-table-col" style="flex: 0 0 213rpx;">
						经营品牌
					</view>
					<view class="form-table-col" style="flex: 0 0 149rpx;">
						经营地点
					</view>
					<view class="form-table-col" style="flex: 0 0 147rpx;">
						预计年度营业额（万元）
					</view>
					<view class="form-table-col" style="flex: 0 0 147rpx;">
						店面总人数
					</view>
					<view class="form-table-col" style="flex: 0 0 147rpx;">
						开始经营时间
					</view>
					<view class="form-table-col" style="flex: 0 0 147rpx;">
						是否厂代
					</view>
					<view class="form-table-col" style="flex: 0 0 147rpx;">
						店面面积
					</view>
					<view class="form-table-col" style="flex: 0 0 147rpx;">
						预计店面年租金（元）
					</view>
					<view class="form-table-col" style="flex: 0 0 147rpx;">
						自己是否参与经营管理
					</view>
					<view class="form-table-col" style="flex: 0 0 147rpx;">
						运营口碑
					</view>
					<view class="form-table-col" style="flex: 0 0 147rpx;">
						盈利状况
					</view>
				</view>
				<view class="form-table-row">
					<view class="form-table-col" style="flex: 0 0 167rpx;">
						<view class="form-btn-bar">
							<view class="form-btn"><image src="/static/area/edit-icon2.png" mode="widthFix"></image></view>
							<view class="form-btn"><image src="/static/area/del-icon.png" mode="widthFix"></image></view>
						</view>
					</view>
					<view class="form-table-col" style="flex: 0 0 176rpx;">
						1
					</view>
					<view class="form-table-col" style="flex: 0 0 213rpx;">
						2
					</view>
					<view class="form-table-col" style="flex: 0 0 149rpx;">
						3
					</view>
					<view class="form-table-col" style="flex: 0 0 147rpx;">
						4（万元）
					</view>
					<view class="form-table-col" style="flex: 0 0 147rpx;">
						5
					</view>
					<view class="form-table-col" style="flex: 0 0 147rpx;">
						6
					</view>
					<view class="form-table-col" style="flex: 0 0 147rpx;">
						7
					</view>
					<view class="form-table-col" style="flex: 0 0 147rpx;">
						8
					</view>
					<view class="form-table-col" style="flex: 0 0 147rpx;">
						9（元）
					</view>
					<view class="form-table-col" style="flex: 0 0 147rpx;">
						10
					</view>
					<view class="form-table-col" style="flex: 0 0 147rpx;">
						11
					</view>
					<view class="form-table-col" style="flex: 0 0 147rpx;">
						12
					</view>
				</view>
			</view>
		</view>
		
		<view class="form-title">
			过往工作经历
			<view class="form-title-btn-bar">
				<view class="form-title-btn">
					<u-icon name="/static/area/edit-icon.png" size="36rpx"></u-icon>
					编辑
				</view>
				<view class="form-title-btn">
					<u-icon name="/static/area/add-icon.png" size="36rpx"></u-icon>
					添加
				</view>
			</view>
		</view>
		<view class="form-table">
			<view class="form-tabel-container">
				<view class="form-table-header">
					<view class="form-table-col" style="flex: 0 0 167rpx;">
						编辑
					</view>
					<view class="form-table-col" style="flex: 0 0 176rpx;">
						开始时间
					</view>
					<view class="form-table-col" style="flex: 0 0 213rpx;">
						结束时间
					</view>
					<view class="form-table-col" style="flex: 0 0 149rpx;">
						所属行业
					</view>
					<view class="form-table-col" style="flex: 0 0 147rpx;">
						单位名称
					</view>
					<view class="form-table-col" style="flex: 0 0 147rpx;">
						工作地点
					</view>
					<view class="form-table-col" style="flex: 0 0 147rpx;">
						职务
					</view>
				</view>
				<view class="form-table-row">
					<view class="form-table-col" style="flex: 0 0 167rpx;">
						<view class="form-btn-bar">
							<view class="form-btn"><image src="/static/area/edit-icon2.png" mode="widthFix"></image></view>
							<view class="form-btn"><image src="/static/area/del-icon.png" mode="widthFix"></image></view>
						</view>
					</view>
					<view class="form-table-col" style="flex: 0 0 176rpx;">
						1
					</view>
					<view class="form-table-col" style="flex: 0 0 213rpx;">
						2
					</view>
					<view class="form-table-col" style="flex: 0 0 149rpx;">
						3
					</view>
					<view class="form-table-col" style="flex: 0 0 147rpx;">
						4（万元）
					</view>
					<view class="form-table-col" style="flex: 0 0 147rpx;">
						5
					</view>
					<view class="form-table-col" style="flex: 0 0 147rpx;">
						6
					</view>
				</view>
			</view>
		</view>
		
		<view class="form-title">
			地区信息
		</view>
		<view class="form">
			<view class="form-item">
				<view class="label">
					<text>*</text>储备地区
				</view>
				<view class="value">
					<view class="area-picker">
						<view class="area-picker-item">
							省
							<u-icon name="arrow-down-fill" size="15rpx" color="#999999"></u-icon>
						</view>
						<view class="area-picker-item">
							市
							<u-icon name="arrow-down-fill" size="15rpx" color="#999999"></u-icon>
						</view>
						<view class="area-picker-item">
							区县
							<u-icon name="arrow-down-fill" size="15rpx" color="#999999"></u-icon>
						</view>
					</view>
				</view>
			</view>
			<view class="form-item">
				<view class="label">
					合作意向
				</view>
				<view class="value">
					<view class="form-picker">
						请选择
						<u-icon name="arrow-right" size="25rpx" color="#999999"></u-icon>
					</view>
				</view>
			</view>
			<view class="form-item">
				<view class="label">
					无意向原因
				</view>
				<view class="value">
					<input placeholder="请输入"/>
				</view>
			</view>
			<view class="form-item">
				<view class="label">
					认可合作模式
				</view>
				<view class="value">
					<view class="form-picker">
						请选择
						<u-icon name="arrow-right" size="25rpx" color="#999999"></u-icon>
					</view>
				</view>
			</view>
			<view class="form-item">
				<view class="label">
					对合作模式的看法
				</view>
				<view class="value">
					<input placeholder="请输入"/>
				</view>
			</view>
			<view class="form-item">
				<view class="label">
					跨区域合作意向
				</view>
				<view class="value">
					<view class="form-picker">
						请选择
						<u-icon name="arrow-right" size="25rpx" color="#999999"></u-icon>
					</view>
				</view>
			</view>
			<view class="form-item">
				<view class="label">
					意向区域
				</view>
				<view class="value">
					<view class="form-picker">
						请选择
						<u-icon name="arrow-right" size="25rpx" color="#999999"></u-icon>
					</view>
				</view>
			</view>
			<view class="score">
				<view class="value">100</view>
				<view class="label">评估得分</view>
			</view>
		</view>
		<view class="footer-btn">
			提交
		</view>
	</view>
</template>

<script>
</script>

<style>
	uni-page-body{
		min-height: 100%;
		background: #F5F5F5;
	}
	.page{
		padding-bottom: 120rpx;
	}
	.form-title{
		font-size: 30rpx;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #333333;
		display: flex;
		align-items: center;
		padding: 38rpx 30rpx;
	}
	.form-title::before{
		content: "";
		display: inline-block;
		width: 8rpx;
		height: 24rpx;
		background: #3481F5;
		margin-right: 9rpx;
	}
	.form-title .form-title-btn-bar{
		display: flex;
		align-items: center;
		justify-content: flex-end;
		flex: 1;
	}
	.form-title .form-title-btn{
		font-size: 30rpx;
		font-family: Microsoft YaHei;
		font-weight: 300;
		color: #307DCD;
		display: flex;
		align-items: center;
		margin-right: 40rpx;
	}
	.form-title .form-title-btn:last-child{
		margin-right: 0;
	}
	.form-title .form-title-btn .u-icon{
		margin-right: 10rpx;
	}
	.form{}
	.form-item{
		border-bottom: 1px solid #F5F5F5;
		background: #FFFFFF;
		display: flex;
		align-items: center;
		padding: 0 30rpx;
	}
	.form-item .label{
		line-height: 100rpx;
		flex: 0 0 auto;
	}
	.form-item .label text{
		font-size: 30rpx;
		font-family: Microsoft YaHei;
		font-weight: 300;
		color: #F04134;
	}
	.form-item .value{
		flex: 1;
	}
	.form-item .value input{
		height: 100rpx;
		font-size: 30rpx;
		font-family: Microsoft YaHei;
		font-weight: 300;
		text-align: right;
	}
	.form-picker{
		display: flex;
		align-items: center;
		justify-content: flex-end;
		text-align: right;
		line-height: 100rpx;
		width: 100%;
		font-size: 30rpx;
		font-family: Microsoft YaHei;
		font-weight: 300;
	}
	.form-picker .u-icon{
		margin-left: 10rpx;
	}
	.area-picker{
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	.area-picker-item{
		padding: 0 24rpx;
		line-height: 50rpx;
		background: #F5F5F5;
		border-radius: 25rpx;
		margin-right: 20rpx;
		font-size: 28rpx;
		font-family: Microsoft YaHei;
		font-weight: 300;
		color: #999999;
		display: flex;
		align-items: center;
	}
	.area-picker-item:last-child{
		margin-right: 0;
	}
	.area-picker-item .u-icon{
		margin-left: 22rpx
	}
	.form-table{
		background: #FFFFFF;
		padding: 14rpx 30rpx;
		width: 100%;
		box-sizing: border-box;
	}
	.form-tabel-container{
		overflow: auto;
		border-left: 1px solid #EDEFF2;
		border-right: 1px solid #EDEFF2;
	}
	.form-table-header{
		display: flex;
		align-items: center;
		
	}
	.form-table-header .form-table-col{
		background: #EDEFF2;
		font-size: 24rpx;
		font-family: Microsoft YaHei;
		font-weight: 300;
		color: #666666;
		text-align: center;
		min-height: 72rpx;
		line-height: 30rpx;
		flex: 1;
		border-right: 1px solid #EDEFF2;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.form-table-header .form-table-col:last-child{
		border-right: none
	}
	.form-table-row{
		display: flex;
	}
	
	.form-table-row .form-table-col{
		font-size: 30rpx;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #333333;
		min-height: 97rpx;
		line-height: 30rpx;
		text-align: center;
		flex: 1;
		border-right: 1px solid #EDEFF2;
		border-bottom: 1px solid #EDEFF2;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 20rpx;
	}
	.form-table-row .form-table-col:last-child{
		border-right: none
	}
	.score{
		text-align: center;
		background-color: #FFFFFF;
		padding: 40rpx 0;
	}
	.score .value{
		font-size: 48rpx;
		font-family: DINNextLTPro;
		font-weight: 500;
		color: #333333;
	}
	.score .label{
		font-size: 20rpx;
		font-family: Microsoft YaHei;
		font-weight: 300;
		color: #333333;
	}
	.form-btn-bar{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.form-btn{
		margin-right: 15rpx;
	}
	.form-btn:last-child{
		margin-right: 0;
	}
	.form-btn image{
		vertical-align: top;
		width: 55rpx;
		height: auto;
	}
	
	.footer-btn{
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		line-height: 100rpx;
		background: #307DCD;
		font-size: 30rpx;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #FFFFFF;
		text-align: center;
	}
</style>